@charset "UTF-8";
html,
body {
    font-size: 18px;
    font-style: normal;
    line-height: 100%;
    font-family: "Microsoft Yahei";
}

body {
    //height: calc(100vw -
    width: 100%;
    height: 100%;
    overflow-x: auto;
}

html,
body {
    background: #F2F2F2;
    span {
        &:focus,
        &:hover,
        &:active {
            outline: 0;
        }
    }
    #app {
        background-color: #f2f2f2;
    }
}

//删除Input
input::-ms-clear {
    display: none;
}

html,
body,
input,
button {
    resize: none;
    outline: none;
    font-family: $baseFontFamily;
    color: #222222;
}

textarea {
    outline: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background: #fff;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

p+p,
ul+p,
ol+p {
    margin-top: 0;
}

button {
    padding: 0;
}

a {
    color: $text_color;
    cursor: pointer;
    &:link,
    &:visited,
    &:hover,
    &:focus {
        color: $text_color;
        text-decoration: none;
        transition: all 0.05s linear 0s;
    }
    &:focus {
        outline: none;
    }
}

.sd_disable {
    background-color: #c7c7c7;
    cursor: not-allowed;
}

table {
    border-collapse: collapse;
}

i,
span,
a {
    *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
}

i,
em,
cite {
    font-style: normal;
}

h1,
h2,
h3,
h4,
h4,
h6 {
    font-weight: normal;
    font-style: normal;
    line-height: 100%;
}

@font-face {
  font-family: 'iconfont';  /* project id 973106 */
  src: url('//at.alicdn.com/t/font_973106_scn69nhk97.eot');
  src: url('//at.alicdn.com/t/font_973106_scn69nhk97.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_973106_scn69nhk97.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_973106_scn69nhk97.woff') format('woff'),
  url('//at.alicdn.com/t/font_973106_scn69nhk97.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_973106_scn69nhk97.svg#iconfont') format('svg');
}

//@font-face {
//  font-family: 'iconfont';  /* project id 262587 */
//  src: url('/static/iconfont/iconfont.eot');
//  src: url('/static/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
//  url('/static/iconfont/iconfont.woff') format('woff'),
//  url('/static/iconfont/iconfont.ttf') format('truetype'),
//  url('/static/iconfont/iconfont.svg#iconfont') format('svg');
//}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    // -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.clearfix {
    display: block;
    min-height: 1%;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.fyahei {
    font-family: $baseFontFamily;
}

.vam {
    @extend %vam;
}

.icon {
    @extend %display;
    @extend %vam;
}

.mb44 {
    margin-bottom: 44px;
}

.mt14 {
    margin-top: 14px;
}

.mb20 {
    margin-bottom: 20px;
}

.ovh {
    @extend %ovh;
}

.fwb {
    @extend %fwb;
}

.minheight {
    @extend %minHeight;
}

.bg-white {
    background: #fff;
}

//四种颜色
.youxiu_color {
    color: $youxiu_color;
}

.lianghao_color {
    color: $lianghao_color;
}

.jige_color {
    color: $jige_color;
}

.difen_color {
    color: $difen_color;
}

.base_color {
    color: $base_color;
}

.wrong_color {
    color: #ff0000;
}

//未完全掌握、掌握较好颜色
.undermastered_color {
    color: $undermastered_color;
}

.mastered_color {
    color: $mastered_color;
}

.disabled_click {
    pointer-events: none;
    cursor: default;
}

.content-wrapper {
    background: none;
    .container {
        max-width: 1200px;
    }
}

[mathjax-content] {
    visibility: hidden;
}

#MathJax_Message {
    display: none !important;
}

.el-message-box {
    .el-message-box__btns {
        overflow: hidden;
    }
    .el-button {
        float: right;
        margin-left: 10px;
    }
    .el-message-box__btns button:nth-child(2) {
        float: right;
    }
}

//选择学科下拉框的位置调整
@media only screen and (max-width: 1170px) {
    #el_header_dropDown {
        left: 1063px !important;
    }
    .el_header_selectDown_stu {
        left: 1000px !important;
    }
}

//位置
.ff {
    @extend %float;
}

.el-dropdown-menu__item {
    a:hover {
        color: #fff;
    }
}

#exam_modify {
    .el-loading-mask {
        z-index: 2002;
    }
}

.sd_answer_tab {
    margin-top: 16px;
}
